<section style="background: #ffffff; padding: 30px; margin: 20px 0;">
  <div style="font-family: 'Helvetica Neue', 'PingFang SC', sans-serif;">
    <h1 style="font-size: 50px; color: #333; text-align: center; margin: 0 0 15px; font-weight: 300;">
      <span style="display: inline-block; background: #f5f5f5; color: #333; padding: 10px 25px; border-radius: 4px;">
        01
      </span>
    </h1>
    
    <h2 style="font-size: 24px; color: #555; text-align: center; margin: 0 0 20px; font-weight: 400;">
      <span style="display: inline-block; background: #f5f5f5; padding: 8px 20px; border-radius: 4px;">
        文章标题示例
      </span>
    </h2>
    
    <p style="font-size: 16px; line-height: 1.8; color: #444; margin: 0 0 25px; text-align: justify;">
      <span style="display: inline-block; background: #f5f5f5; padding: 15px 20px; border-radius: 4px;">
        这里是文章内容示例。这个模板采用了现代极简设计风格，使用灰色系配色方案。所有元素都添加了浅灰色底色，使内容层次分明。h1标题设为50px并使用极细字体，整体设计简洁现代，体现了扁平化设计理念。
      </span>
    </p>

    <div style="text-align: right;">
      <a href="https://example.com" style="display: inline-block; background: #333; color: white; text-decoration: none; padding: 8px 20px; border-radius: 4px; font-size: 14px;">
        <span>
          More
        </span>
      </a>
    </div>
  </div>
</section>